<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    <html>

    <head>
        <title>物业管理系统 - 管理员面板</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css" rel="stylesheet">
        <style>
            .admin-container {
                display: flex;
                min-height: 100vh;
            }

            .sidebar {
                width: 250px;
                background-color: #2c3e50;
                color: white;
                padding: 20px 0;
                box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
            }

            .sidebar h2 {
                padding: 0 20px;
                font-size: 1.5rem;
                margin-bottom: 30px;
                color: #ecf0f1;
            }

            .sidebar ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .sidebar ul li {
                margin-bottom: 5px;
            }

            .sidebar ul li a {
                display: block;
                padding: 12px 20px;
                color: #ecf0f1;
                text-decoration: none;
                transition: all 0.3s;
            }

            .sidebar ul li a:hover {
                background-color: #34495e;
                padding-left: 25px;
            }

            .sidebar ul li a i {
                margin-right: 10px;
            }

            .main-content {
                flex: 1;
                padding: 30px;
                background-color: #f8f9fa;
            }

            .welcome-section {
                background-color: white;
                padding: 30px;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                margin-bottom: 30px;
            }
        </style>
    </head>

    <body>
        <div class="admin-container">
            <div class="sidebar">
                <h2>管理菜单</h2>
                <ul>
                    <li><a href="${pageContext.request.contextPath}/admin/feeTypeManage.jsp"><i
                                class="bi bi-currency-yen"></i>收费项目管理</a></li>
                    <li><a href="${pageContext.request.contextPath}/paymentHistory.jsp"><i
                                class="bi bi-receipt"></i>缴费记录查询</a></li>
                    <li><a href="${pageContext.request.contextPath}/admin/ownerManage.jsp"><i
                                class="bi bi-people"></i>业主管理</a></li>
                    <li><a href="${pageContext.request.contextPath}/admin/warningThresholdManage.jsp"><i
                                class="bi bi-exclamation-triangle"></i>预警阈值设置</a></li>
                    <li><a href="${pageContext.request.contextPath}/admin/records.jsp"><i
                                class="bi bi-bell"></i>预警记录查看</a></li>
                    <li><a href="${pageContext.request.contextPath}/admin/logout.jsp"
                            onclick="return confirm('确定要退出登录吗？')"><i class="bi bi-box-arrow-right"></i>退出登录</a></li>
                </ul>
            </div>
            <div class="main-content">
                <div class="welcome-section">
                    <h1>欢迎使用物业管理系统</h1>
                    <p class="text-muted">请从左侧菜单选择要进行的操作</p>
                </div>
                <!-- 主要内容区域 -->
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    </body>

    </html>